.designItem {
  height: 9.375rem;
  width: 32%;
  position: relative;
  display: inline-block;
  margin: {
    right: 3px;
    bottom: 0.325rem;
  }

  .maskBlock {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000000;
    opacity: 0.4;
  }

  .checkPosition {
    position: absolute;
    right: 0.625rem;
    top: 0.625rem;
    height: 1.25rem;
    width: 1.25rem;
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  img {
    height: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 20rem) {
  .designItem {
    width: 6rem;
  }
}
